
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style type="text/css">
 
  </style>
</head>
<body>
  <div id="app">
    <input  type="text" v-model.number.trim="age">
    <input type="number" name="" id="" v-model="num">
    <input type="text" v-model.lazy="msg">
    <div>{{msg}}</div>
    <button @click="handle">点击开始事件</button>
  </div>
  <script type="text/javascript" src="./js/vue.js"></script>
  <script type="text/javascript">
    /*
      表单域的修饰符
    */
    var vm = new Vue({
      el: '#app',
      data: {
        age: "",
        msg: ""

      },
      methods: {
          handle: function() {
            // var result = this.age + 1;
            // console.log(result)
            // console.log(this.age + 'lvhang')
            console.log(this.msg)
          }
        }
      
    });
  </script>
</body>
</html>
